<template>
  <!-- 发射机头部信息 -->
  <div class="container">
    <div
      class="content-page"
      :class="tabIndexVal"
    >
      <div class="qtjc-top">
        <div class="top-left">
          <ul>
            <li
              class="qtjc-li-box"
              v-for="item in jfjcTopArr"
            >
              <img :src="require('@/assets/security/' + item.img)" />
              <div>
                <p>
                  <span
                    class="value-num"
                    v-if="item.title == '今日新增调度令' && item.value == ''"
                  >0</span>
                  <span
                    class="value-num"
                    v-else-if="
                      item.title == '今日新增调度令' && item.value != ''
                    "
                  >{{ item.value }}</span>
                  <span
                    class="value-num"
                    v-else-if="item.title != '今日新增调度令'"
                  >{{ item.value }}</span>

                  <span>{{ item.unit }}</span>
                </p>
                <p>{{ item.title }}</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="top-right">
          <div class="top-line"></div>
          <div
            class="top-right-right"
            @click="linkRenwuJifang(tabIndexVal)"
          >
            <img
              class="top-icon1"
              src="@/assets/security/发射机@2x(1).png"
            />
            <img
              class="top-icon2"
              src="@/assets/security/多边形1.png"
            />
            <p>任务分析分布图</p>
          </div>
        </div>
      </div>
      <div class="jifangjc-content">
     <div class="flex-style" v-if="tabIndexVal == '2-2'">
          <div class="jf-info-box">
            <p class="jf-info-title">室外1温/湿度</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.sw1wd ||
                    dataIntegrationListNow.sw1wd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/温度计.png" />
                <p>{{ dataIntegrationListNow.sw1wd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.sw1sd ||
                    dataIntegrationListNow.sw1sd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/湿度.png" />
                <p>{{ dataIntegrationListNow.sw1sd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">冷凝器1温/湿度</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.lnqs1wd ||
                    dataIntegrationListNow.lnqs1wd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/温度计.png" />
                <p>{{ dataIntegrationListNow.lnqs1wd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.lnqs1sd ||
                    dataIntegrationListNow.lnqs1sd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/湿度.png" />
                <p>{{ dataIntegrationListNow.lnqs1sd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">卷帘门1和2</p>
            <ul>
              <li
                v-if="
                  !dataIntegrationListNow.onejlm ||
                  dataIntegrationListNow.onejlm == ''
                "
              >
                <img src="@/assets/jifangjianceImg/卷帘门关灰.png" />
                <p>关</p>
              </li>
              <li v-else-if="dataIntegrationListNow.onejlm == 0">
                <img src="@/assets/jifangjianceImg/卷帘门开.png" />
                <p>开</p>
              </li>
              <li v-else="dataIntegrationListNow.onejlm == 1">
                <img src="@/assets/jifangjianceImg/卷帘门关.png" />
                <p>关</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">前厅温/湿度</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.qtwd ||
                    dataIntegrationListNow.qtwd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/温度计.png" />
                <p>{{ dataIntegrationListNow.qtwd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.qtsd ||
                    dataIntegrationListNow.qtsd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/湿度.png" />
                <p>{{ dataIntegrationListNow.qtsd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">后厅温/湿度</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.htwd ||
                    dataIntegrationListNow.htwd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/温度计.png" />
                <p>{{ dataIntegrationListNow.htwd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.htsd ||
                    dataIntegrationListNow.htsd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/湿度.png" />
                <p>{{ dataIntegrationListNow.htsd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">水洗风1</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.sxf1jfzt ||
                    dataIntegrationListNow.sxf1jfzt == ''
                  "
                  src="@/assets/jifangjianceImg/排风关.png"
                />
                <img
                  v-else-if="
                    dataIntegrationListNow.sxf1jfzt == 0 ||
                    dataIntegrationListNow.sxf1jfzt == 1
                  "
                  src="@/assets/jifangjianceImg/进风开v.png"
                />
                 <img v-else="dataIntegrationListNow.sxf1jfzt == 1" src="@/assets/jifangjianceImg/排风开v.png"> -
                <p>频率: {{ dataIntegrationListNow.sxf1jfpl }}</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">水洗风2</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.sxf2jfzt ||
                    dataIntegrationListNow.sxf2jfzt == ''
                  "
                  src="@/assets/jifangjianceImg/排风关.png"
                />
                <img
                  v-else-if="
                    dataIntegrationListNow.sxf2jfzt == 0 ||
                    dataIntegrationListNow.sxf2jfzt == 1
                  "
                  src="@/assets/jifangjianceImg/进风开v.png"
                />

                <p>频率: {{ dataIntegrationListNow.sxf2jfpl }}</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">水泵1和2</p>
            <ul>
              <li
                v-if="
                  !dataIntegrationListNow.sxf1sb ||
                  dataIntegrationListNow.sxf1sb == ''
                "
              >
                <img src="@/assets/jifangjianceImg/水泵灰.png" />
                <p>关</p>
              </li>
              <li v-else-if="dataIntegrationListNow.sxf1sb == 0">
                <img src="@/assets/jifangjianceImg/水泵1.gif" />
                <p>开</p>
              </li>
              <li v-else="dataIntegrationListNow.sxf1sb == 1">
                <img src="@/assets/jifangjianceImg/水泵2.png" />
                <p>关</p>
              </li>
              <li
                v-if="
                  !dataIntegrationListNow.sxf2sb ||
                  dataIntegrationListNow.sxf2sb == ''
                "
              >
                <img src="@/assets/jifangjianceImg/水泵灰.png" />
                <p>关</p>
              </li>
              <li v-else-if="dataIntegrationListNow.sxf2sb == 0">
                <img src="@/assets/jifangjianceImg/水泵1.gif" />
                <p>开</p>
              </li>
              <li v-else="dataIntegrationListNow.sxf2sb == 1">
                <img src="@/assets/jifangjianceImg/水泵2.png" />
                <p>关</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">排风</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.sxfpfzt ||
                    dataIntegrationListNow.sxfpfzt == ''
                  "
                  src="@/assets/jifangjianceImg/排风不可用.png"
                />
                <img
                  v-else-if="dataIntegrationListNow.sxfpfzt == 0"
                  src="@/assets/jifangjianceImg/排风.gif"
                />
                <img
                  v-else="dataIntegrationListNow.sxfpfzt == 1"
                  src="@/assets/jifangjianceImg/排风静止.png"
                />
                <p>频率: {{ dataIntegrationListNow.sxfpfpl }}</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">室外2温/湿度</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.sw2wd ||
                    dataIntegrationListNow.sw2wd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/温度计.png" />
                <p>{{ dataIntegrationListNow.sw2wd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.sw2sd ||
                    dataIntegrationListNow.sw2sd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/湿度.png" />
                <p>{{ dataIntegrationListNow.sw2sd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">冷凝器2温/湿度</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.lnqs2wd ||
                    dataIntegrationListNow.lnqs2wd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/温度计.png" />
                <p>{{ dataIntegrationListNow.lnqs2wd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.lnqs2sd ||
                    dataIntegrationListNow.lnqs2sd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/湿度.png" />
                <p>{{ dataIntegrationListNow.lnqs2sd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">卷帘门3和4</p>
            <ul>
              <li
                v-if="
                  !dataIntegrationListNow.twojlm ||
                  dataIntegrationListNow.twojlm == ''
                "
              >
                <img src="@/assets/jifangjianceImg/卷帘门关灰.png" />
                <p>关</p>
              </li>
              <li v-else-if="dataIntegrationListNow.twojlm == 0">
                <img src="@/assets/jifangjianceImg/卷帘门开.png" />
                <p>开</p>
              </li>
              <li v-else-if="dataIntegrationListNow.twojlm == 1">
                <img src="@/assets/jifangjianceImg/卷帘门关.png" />
                <p>关</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">节传温度</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.jcwd ||
                    dataIntegrationListNow.jcwd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/温度计.png" />
                <p>{{ dataIntegrationListNow.jcwd }}℃</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">配电室温/湿度</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.pdswd ||
                    dataIntegrationListNow.pdswd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/温度计.png" />
                <p>{{ dataIntegrationListNow.pdswd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.pdssd ||
                    dataIntegrationListNow.pdssd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img v-else src="@/assets/jifangjianceImg/湿度.png" />
                <p>{{ dataIntegrationListNow.pdssd }}%RH</p>
              </li>
            </ul>
          </div>
        </div>
        <div class="flex-style">
          <div class="jf-info-box">
            <p class="jf-info-title">前厅温/湿度1</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.qtwd ||
                    dataIntegrationListNow.qtwd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/温度计.png"
                />
                <p>{{ dataIntegrationListNow.qtwd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.qtsd ||
                    dataIntegrationListNow.qtsd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/湿度.png"
                />
                <p>{{ dataIntegrationListNow.qtsd }} %RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">前厅温/湿度2</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.htwd ||
                    dataIntegrationListNow.htwd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/温度计.png"
                />
                <p>{{ dataIntegrationListNow.htwd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.htsd ||
                    dataIntegrationListNow.htsd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/湿度.png"
                />
                <p>{{ dataIntegrationListNow.htsd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">前厅温/湿度3</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.swwd ||
                    dataIntegrationListNow.swwd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/温度计.png"
                />
                <p>{{ dataIntegrationListNow.swwd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.swsd ||
                    dataIntegrationListNow.swsd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/湿度.png"
                />
                <p>{{ dataIntegrationListNow.swsd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">前厅PM2.5&nbsp;1</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.lnqswd ||
                    dataIntegrationListNow.lnqswd == ''
                  "
                  src="@/assets/jifangjianceImg/pm2.5灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/pm2.5.png"
                />
                <p>{{ dataIntegrationListNow.lnqswd }} ug/m3</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">前厅PM2.5&nbsp;2</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.lnqswd ||
                    dataIntegrationListNow.lnqswd == ''
                  "
                  src="@/assets/jifangjianceImg/pm2.5灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/pm2.5.png"
                />
                <p>{{ dataIntegrationListNow.lnqswd }} ug/m3</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">前厅PM2.5&nbsp;3</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.lnqswd ||
                    dataIntegrationListNow.lnqswd == ''
                  "
                  src="@/assets/jifangjianceImg/pm2.5灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/pm2.5.png"
                />
                <p>{{ dataIntegrationListNow.lnqswd }} ug/m3</p>
              </li>
            </ul>
          </div>

          <div class="jf-info-box">
            <p class="jf-info-title">后厅温/湿度1</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.qtwd ||
                    dataIntegrationListNow.qtwd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/温度计.png"
                />
                <p>{{ dataIntegrationListNow.qtwd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.qtsd ||
                    dataIntegrationListNow.qtsd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/湿度.png"
                />
                <p>{{ dataIntegrationListNow.qtsd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">后厅温/湿度2</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.htwd ||
                    dataIntegrationListNow.htwd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/温度计.png"
                />
                <p>{{ dataIntegrationListNow.htwd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.htsd ||
                    dataIntegrationListNow.htsd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/湿度.png"
                />
                <p>{{ dataIntegrationListNow.htsd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">后厅温/湿度3</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.swwd ||
                    dataIntegrationListNow.swwd == ''
                  "
                  src="@/assets/jifangjianceImg/温度计灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/温度计.png"
                />
                <p>{{ dataIntegrationListNow.swwd }}℃</p>
              </li>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.swsd ||
                    dataIntegrationListNow.swsd == ''
                  "
                  src="@/assets/jifangjianceImg/湿度灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/湿度.png"
                />
                <p>{{ dataIntegrationListNow.swsd }}%RH</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">后厅PM2.5&nbsp;1</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.lnqswd ||
                    dataIntegrationListNow.lnqswd == ''
                  "
                  src="@/assets/jifangjianceImg/pm2.5灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/pm2.5.png"
                />
                <p>{{ dataIntegrationListNow.lnqswd }} ug/m3</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">后厅PM2.5&nbsp;2</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.lnqswd ||
                    dataIntegrationListNow.lnqswd == ''
                  "
                  src="@/assets/jifangjianceImg/pm2.5灰.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/pm2.5.png"
                />
                <p>{{ dataIntegrationListNow.lnqswd }} ug/m3</p>
              </li>
            </ul>
          </div>
          <div class="jf-info-box">
            <p class="jf-info-title">后厅PM2.5&nbsp;3</p>
            <ul>
              <li>
                <img
                  v-if="
                    !dataIntegrationListNow.lnqswd ||
                    dataIntegrationListNow.lnqswd == ''
                  "
                  src="@/assets/jifangjianceImg/pm2.5.png"
                />
                <img
                  v-else
                  src="@/assets/jifangjianceImg/pm2.5.png"
                />
                <p>{{ dataIntegrationListNow.lnqswd }} ug/m3</p>
              </li>
            </ul>
          </div>
        </div>
      </div>
        <div class="fasheji-content">
        <div
          :class="classFinsh"
          v-for="(item, index) in fsjData"
          :key="item.transmitterName"
          @click="linkFasheji(tabIndexVal + '-' + (index + 1))"
        >
          <div class="fsj-bg">
            <img
              class="fsj-bg-img"
              src="@/assets/jifangjianceImg/fashejibg.png"
            />
            <p class="fsj-name">{{ item.transmitterName }}</p>

            <img
              v-if="item.transmitterStatus == 0"
              class="fsj-status-img"
              src="@/assets/jifangjianceImg/未知.png"
            />
            <img
              v-if="item.transmitterStatus == 1"
              class="fsj-status-img"
              src="@/assets/jifangjianceImg/正常.png"
            />
            <img
              v-if="item.transmitterStatus == 2"
              class="fsj-status-img"
              src="@/assets/jifangjianceImg/空闲.png"
            />

            <img
              v-if="parseInt(item.transmitterStatus) == 3"
              class="fsj-status-img"
              src="@/assets/jifangjianceImg/故障.png"
            />
            <img
              v-if="parseInt(item.transmitterStatus) == 4"
              class="fsj-status-img"
              src="@/assets/jifangjianceImg/检修.png"
            />

            <!-- 排风扇 -->
           <div class="paifeng-box">
              <img
                v-if="!item.hf || item.hf == ''"
                class="paifeng-img paifeng-img-left"
                src="@/assets/jifangjianceImg/关灰.png"
              />
              <img
                v-else-if="item.hf == 0"
                class="paifeng-img paifeng-img-left"
                src="@/assets/jifangjianceImg/回风开1.gif"
              />
              <img
                v-else-if="item.hf == 1"
                class="paifeng-img paifeng-img-left"
                src="@/assets/jifangjianceImg/关.png"
              />
              <img
                v-if="!item.pf || item.pf == ''"
                class="paifeng-img paifeng-img-left"
                src="@/assets/jifangjianceImg/关灰.png"
              />
              <img
                v-else-if="item.pf == 0"
                class="paifeng-img paifeng-img-right"
                src="@/assets/jifangjianceImg/排风开1.gif"
              />
              <img
                v-else-if="item.pf == 1"
                class="paifeng-img paifeng-img-left"
                src="@/assets/jifangjianceImg/关.png"
              />
            </div>
            <!-- 发射机温度 -->
            <div class="fsj-temperature">
              <span>发射机温度:</span>
              <span
                class="fsj-temperature-status"
                v-if="item.transmitterTem == '' || item.transmitterTem == null"
                style="color: #c5c5c5"
              >未知</span>
              <span
                class="fsj-temperature-status"
                v-else-if="item.transmitterTem == 1"
              >正常</span>
              <span
                class="fsj-temperature-status"
                v-else-if="item.transmitterTem == 0"
              >异常</span>
            </div>
            <!-- 任务/实测 -->
            <ul class="fsj-pl-box">
              <li>
                <p>&nbsp;</p>
                <p>功率:</p>
                <p>频率:</p>
                <p>调幅度:</p>
                <p>频偏:</p>
              </li>
              <li>
                <p>任务</p>
                <p>{{item.tasklPower ? item.tasklPower : 0 }}kW</p>
                <p>{{ item.taskFre ? item.taskFre : 0}}kHz</p>
                <!-- <p>{{item.taskAmMo}}%</p> -->
                <p>100%</p>
                <p>0Hz</p>
              </li>
              <!--  v-if="item.transmitterNo && upDetectStatusArr[index]" -->
              <li class="color-blue">
                <!-- 甲 -->
                <div v-if="tabIndexVal == '2-1'">
                  <p>实测</p>
                  <p>
                    <span v-if="fsjSecondData[index] && fsjSecondData[index].simulation_2">
                      {{
                      fsjSecondData[index]
                        ? fsjSecondData[index].simulation_2
                        : 0
                    }}kW
                    </span>
                    <span v-else>0kW</span>
                  </p>
                  <p>
                    <span v-if="fsjSecondData[index] && fsjSecondData[index].simulation_24">{{
                      fsjSecondData[index] ?(Number(fsjSecondData[index].simulation_24) / 1000).toFixed(0) : 0
                    }}kHz</span>
                    <span v-else>0kHz</span>

                  </p>
                  <p>
                    <span v-if="fsjSecondData[index] && fsjSecondData[index].simulation_28">
                      {{
                      fsjSecondData[index]
                        ? fsjSecondData[index].simulation_28
                        : 0
                    }}%
                    </span>
                    <span v-else>0%</span>
                  </p>
                  <p>
                    {{
                    upDetectStatusArr[index] ?
                    upDetectStatusArr[index].frequencyDiff : 0
                    }}Hz
                  </p>
                </div>
                <!-- 乙 -->
                <div
                  style="color: #1c79f6; !important"
                  v-else-if="tabIndexVal == '2-2'"
                >
                  <p>实测</p>
                  <p>
                    <span>
                      {{ fsjSecondData[index] ? fsjSecondData[index].simulation_1 :0 }}kW</span>
                  </p>
                  <p>
                    <span v-if="upDetectStatusArr[index]">{{
                      upDetectStatusArr[index].transmitterFrequency
                    }}kHz</span>
                    <span v-else>0kHz</span>

                  </p>
                  <p>
                    {{
                    (fsjSecondData[index] && fsjSecondData[index].simulation_20)
                    ? fsjSecondData[index].simulation_20
                    : 0
                    }}%
                  </p>
                  <p>
                    <span v-if="fsjSecondData[index]">{{
                      upDetectStatusArr[index].frequencyDiff
                    }}Hz</span>
                    <span v-else>0Hz</span>

                  </p>
                </div>
                <!-- 丙 -->
                <div
                  style="color: #1c79f6"
                  v-else-if="tabIndexVal == '2-3'"
                >
                  <p>实测</p>
                  <p>{{ fsjSecondData && fsjSecondData[index] ? fsjSecondData[index].simulation_16 : 0 }}kW</p>
                  <p>{{ upDetectStatusArr && upDetectStatusArr[index] ?upDetectStatusArr[index].transmitterFrequency : 0 }}kHz</p>
                  <p>{{fsjSecondData &&  fsjSecondData[index] ? fsjSecondData[index].simulation_22 : 0 }}%</p>
                  <p>{{ upDetectStatusArr && upDetectStatusArr[index] ?upDetectStatusArr[index].frequencyDiff : 0 }}Hz</p>
                </div>
                <!-- 定 -->
                <div v-else-if="tabIndexVal == '2-4'">
                  <p>实测</p>
                  <p>{{ fsjSecondData[index] ? fsjSecondData[index].simulation_2 : 0 }}kW</p>
                  <p>
                    {{
                    fsjSecondData[index] ?(Number(fsjSecondData[index].simulation_19) / 1000).toFixed(0) : 0
                    }}kHz
                  </p>
                  <p>{{fsjSecondData[index] ? fsjSecondData[index].simulation_21 : 0 }}%</p>
                  <p>{{ upDetectStatusArr[index] ?upDetectStatusArr[index].frequencyDiff : 0}}Hz</p>
                </div>
                <!-- 戊 -->
                <div v-else-if="tabIndexVal == '2-5'">
                  <p>实测</p>
                  <p>{{fsjSecondData[index] ? fsjSecondData[index].simulation_2 : 0 }}kW</p>
                  <p>
                    {{
                    fsjSecondData[index]?  (Number(fsjSecondData[index].simulation_3) / 1000).toFixed(0) : 0
                    }}kHz
                  </p>
                  <p>{{upDetectStatusArr[index]?  upDetectStatusArr[index].amplitudeDegree :0 }}%</p>
                  <p>{{ upDetectStatusArr[index] ?upDetectStatusArr[index].frequencyDiff :0 }}Hz</p>
                </div>
              </li>
            </ul>
            <!-- 开路收测 -->
            <div class="klsc-line klsc-line-left"></div>
            <div class="klsc-box">
              <p class="klsc-text">音频调度</p>
              <div class="shebei">
                设备通信状态: &nbsp; <img src="@/assets/security/绿色.png" />
              </div>
              <p class="prod">
                应播:
                <span class="ying">{{
               upDetectStatusArr[index].taskProgam ?  upDetectStatusArr[index].taskProgam :'无'

                }}</span>
                <span style="color: #ccc">|</span> 实播:
                <span class="shibo">{{upDetectStatusArr[index] && upDetectStatusArr[index].programName ? upDetectStatusArr[index].programName : '无'}}</span>
              </p>

              <!-- 信噪比 echarts图 -->
              <div class="xzb-echart-box">
                <!-- <div class="present-echart" ref="GraphXzb" style="height:30px;"/> -->
                <div
                  class="present-echart"
                  :id="item.idXzb"
                />
              </div>
              <div class="last">四选一: A路</div>
            </div>
            <div class="klsc-line klsc-line-right"></div>
            <div class="right-content-box">
              <!-- 甲 水泵 -->
              <div
                class="water-temperature"
                v-if="tabIndexVal == '2-1'"
              >
                <div class="water-temperature-img">
                  <img
                    v-if="
                      fsjSecondData[index] &&
                      fsjSecondData[index].switchAmount.slice(70, 71) &&
                      fsjSecondData[index].switchAmount.slice(70, 71) == 1
                    "
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵2.png"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵灰.png"
                  />

                  <!-- <img
                    v-else-if="item.zysb == 1"
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵2.png"
                  /> -->
                  <!-- v-if="!fsjSecondData[index].simulation_23 || fsjSecondData[index].simulation_23 == ''" -->
                  <img
                    v-if="
                      fsjSecondData[index] && fsjSecondData[index].simulation_23
                    "
                    class="img-style"
                    src="@/assets/jifangjianceImg/温度计.png"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/jifangjianceImg/温度计灰.png"
                  />

                  <img
                    v-if="
                      fsjSecondData[index] &&
                      fsjSecondData[index].switchAmount.slice(71, 72) &&
                      fsjSecondData[index].switchAmount.slice(71, 72) == 1
                    "
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵2.png"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵灰.png"
                  />

                  <!-- <img
                    v-else-if="item.bysb == 1"
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵2.png"
                  /> -->
                </div>
                <p>
                  水温：
                  <span v-if="fsjSecondData[index]">{{
                    fsjSecondData[index].simulation_23 ? fsjSecondData[index].simulation_23 : 0
                  }}℃</span>
                  <span v-else>0 ℃</span>

                </p>
              </div>
              <!-- 乙 -->
              <div
                class="water-temperature"
                v-if="tabIndexVal == '2-2'"
              >
                <div class="water-temperature-img">
                  <img
                    v-if="!item.sw || item.sw == ''"
                    class="img-style"
                    src="@/assets/jifangjianceImg/温度计灰.png"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/jifangjianceImg/温度计.png"
                  />
                  <img
                    v-if="true"
                    class="img-style"
                    src="@/assets/lengque/leng_hui.png"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/lengque/leng_gu.png"
                  />
                </div>
                <div style="display: flex; width: 220px; textalign: center">
                  <p style="margin: 0 34px 0 18px">水温：℃</p>
                  <p v-if="false">
                    正常
                  </p>
                  <p v-else style='margin: 0;color:red;color:#b5b5b5;'>未知</p>
                </div>
              </div>
              <!-- 丙 -->
              <div
                class="water-temperature"
                v-if="tabIndexVal == '2-3'"
              >
                <div class="water-temperature-img">
                  <img
                    v-if="!item.sw || item.sw == ''"
                    class="img-style"
                    src="@/assets/jifangjianceImg/温度计灰.png"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/jifangjianceImg/温度计.png"
                  />
                  <img
                    v-if="fsjSecondData[index] &&
                      fsjSecondData[index].switchAmount.slice(6, 7) &&
                      fsjSecondData[index].switchAmount.slice(6, 7) == 1
                    "
                    class="img-style"
                    src="@/assets/lengque/leng_zheng.png"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/lengque/leng_gu.png"
                  />
                </div>
                <div style="display: flex; width: 220px; textalign: center">
                  <p style="margin: 0 34px 0 18px">水温：℃</p>
                  <p v-if="fsjSecondData[index]&&
                      fsjSecondData[index].switchAmount.slice(6, 7) &&
                      fsjSecondData[index].switchAmount.slice(6, 7) == 1" style="margin: 0;color:#7ecb78;">
                    正常
                  </p>
                  <p v-else style='margin: 0;color:red;'>故障</p>
                </div>
              </div>
              <!-- 丁 水泵 -->
              <div
                class="water-temperature"
                v-if="tabIndexVal == '2-4'"
              >
                <div class="water-temperature-img">
                  <img
                    v-if="fsjSecondData[index]&&
                      fsjSecondData[index].switchAmount.slice(29, 30) &&
                      fsjSecondData[index].switchAmount.slice(29, 30) == 1
                    "
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵1.gif"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵灰.png"
                  />

                  <img
                    v-if="fsjSecondData[index] && fsjSecondData[index].simulation_18"
                    class="img-style"
                    src="@/assets/jifangjianceImg/温度计.png"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/jifangjianceImg/温度计灰.png"
                  />
                  <img
                    v-if=" fsjSecondData[index]&&
                      fsjSecondData[index].switchAmount.slice(29, 30) &&
                      fsjSecondData[index].switchAmount.slice(29, 30) == 0
                    "
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵1.gif"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵灰.png"
                  />
                  <!-- <img
                    v-else-if="item.bysb == 1"
                    class="img-style"
                    src="@/assets/jifangjianceImg/水泵2.png"
                  /> -->
                </div>
                <p>
                  水温：
                  <span>{{
                   fsjSecondData[index] && fsjSecondData[index].simulation_18
                  }}</span>
                  ℃
                </p>
              </div>
              <!-- 戊 -->
              <div
                class="water-temperature"
                v-if="tabIndexVal == '2-5'"
              >
                <div class="water-temperature-img">
                  <img
                    v-if="!item.sw || item.sw == ''"
                    class="img-style"
                    src="@/assets/jifangjianceImg/温度计灰.png"
                  />
                  <img
                    v-else
                    class="img-style"
                    src="@/assets/jifangjianceImg/温度计.png"
                  />
                  <img
                    v-if=" fsjSecondData[index]&&
                      fsjSecondData[index].switchAmount.slice(71, 72) &&
                      fsjSecondData[index].switchAmount.slice(71, 72) == 1
                    "
                    width="30"
                    height="40"
                    class="img-style"
                    style="margin-bottom:2px;"
                    src="@/assets/lengque/leng_zheng.png"
                  />
                  <!-- -if="fsjSecondData[index]&&
                      fsjSecondData[index].switchAmount.slice(71, 72) &&
                      fsjSecondData[index].switchAmount.slice(71, 72) == 0
                    " -->
                  <img
                    v-else
                    width="30"
                    height="40"
                    class="img-style"
                    style="margin-bottom:2px;"
                    src="@/assets/lengque/leng_gu.png"
                  />
                </div>
                <div style="display: flex; width: 154px; text-align: center">
                  <p style="margin: 2px 26px 0 18px">水温：℃</p>
                  <p v-if="fsjSecondData[index]&&
                      fsjSecondData[index].switchAmount.slice(71, 72) &&
                      fsjSecondData[index].switchAmount.slice(71, 72) == 1" style="color:#7ecb78;">正常</p>
                  <p v-else style="color:red;">故障</p>
                </div>
              </div>

              <!-- 信噪比 echarts图 -->
              <div class="sw-echart-box">
                <div
                  class="present-echart"
                  :id="item.idSw"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    // 信噪比
    // import XzbEcharts from '@/components/Monitoring/xzbEcharts'
    import echarts from "echarts";

    export default {
        props: [
            // "tabIndexVal",
            // "dataIntegrationListArr", // 机房和发射机
            // "upDetectStatus", // 实测
            // "upTransmitterSecondDataDept", // PM、功率、调幅度、实时电流电压图
            "baseScheduleDbArr",
        ],
        data() {
            return {
                // 信噪比 echarts数据
                chartXzb: null,
                chartOptionXzb: {},
                chartDataXzb: ["50", "30"],
                titlenameXzb: [],
                valdataXzb: [],
                myColorXzb: ["#56D0E3"],
                xzbData: [],
                // 水温 echarts数据
                chartSw: null,
                chartOptionSw: {},
                swData: [
                    {
                        name: "P",
                        value: 60,
                    },
                    {
                        name: "M",
                        value: 30,
                    },
                ],
                tabIndexVal:'2-1',
                dataIntegrationListArr:[
                    {
                        upTransmitter:[
                            {
                                transmitterStatus:1,
                                transmitterName:'BO1',
                                hf:'1',
                                transmitterTem:1,
                                transmitterNo:'1',
                                // barChartSw:'barChartSw',
                            },
                             {
                                transmitterStatus:1,
                                transmitterName:'BO2',
                                hf:'1',
                                transmitterTem:1,
                                transmitterNo:'1',
                                // barChartSw:'barChartSw',
                            }
                        ],
                    },
                     {
                        upTransmitter:[
                             {
                                transmitterStatus:2,
                                transmitterName:'BO2',
                                hf:'1',
                                transmitterTem:1,
                                transmitterNo:'1',
                                // barChartSw:'barChartSw',
                            }
                        ],
                    },

                ],
                // 遍历多个Echarts图
                fsjData: [],

                // 机房监测
                // 机房监测头部数据
                jfjcTopArr: [
                    {
                        img: "在播功率.png",
                        title: "在播功率",
                        value: 0,
                        unit: "千瓦",
                    },
                    {
                        img: "告警数.png",
                        title: "告警数",
                        value: 0,
                        unit: "个",
                    },
                    {
                        img: "今日接收.png",
                        title: "今日新增调度令",
                        value: 0,
                        unit: "个",
                    },
                    {
                        img: "停播率.png",
                        title: "播音时长(年)",
                        value: 0,
                        unit: "小时",
                    },
                    {
                        img: "停播率.png",
                        title: "停播率",
                        value: 0,
                        unit: "秒/百小时",
                    },
                    {
                        img: "优于计划.png",
                        title: "优于计划(年)",
                        value: 0,
                        unit: "%",
                    },
                ],
                // 当前机房数据
                dataIntegrationListNow: {
                    qtwd:'',
                    broadcastPower:'12',
                    alarmToComputerRoomToday:'33',
                    broadDurToComputerRoom:'44',
                    stopRateToComputerRoom:'55',
                    betterPlanToComputerRoom:'66',

                },
                // 当前发射机 实测、PM、功率、调幅度、播出节目数据
                // upDetectStatusArr: [{
                //     transmitterPower:['12%','13%'],
                //     amplitudeDegree:'',
                //     frequencyDiff:'123',
                //     taskProgam:'13',
                //     programName:'22',
                // }],
                upDetectStatus:[{
                    transmitterNo:'1',
                    transmitterPower:['12%','13%'],
                    amplitudeDegree:[2,44],
                     frequencyDiff:'123',
                    taskProgam:'13',
                    programName:'22',
                },{
                    transmitterNo:'2',
                    transmitterPower:['12%','13%'],
                    amplitudeDegree:[2,44],
                     frequencyDiff:'123',
                    taskProgam:'13',
                    programName:'22',
                }],
                // 当前发射机秒数据
                fsjSecondData: [{
                    switchAmount:''
                }],
                //应播节目
                tbaseScheduleDbArrNowAll: [],
            };
        },
        computed: {
            //机房最终的样式
            classFinsh() {
                if (this.fsjData.length <= 2) {
                    return "fsj-info-box2";
                } else if (this.fsjData.length > 2 && this.fsjData.length <= 4) {
                    return "fsj-info-box4";
                } else if (this.fsjData.length >= 5) {
                    return "fsj-info-box";
                }
            },
        },
        mounted(){
            console.log(this.fsjData)
        },
        created(){
           this.getNewDataIntegrationListArr();
        },
        watch: {
            // 数据监听
            tabIndexVal(newName, oldName) {
                this.tabIndexVal = newName;
                this.fsjSecondData = [];
                // this.getNewDataIntegrationListArr();
                this.getTbaseScheduleDbArrNowAll();
            },
            dataIntegrationListArr(newName, oldName) {
                this.dataIntegrationListArr = newName;
                // console.log('机房shuju ==== ', this.dataIntegrationListArr)
                // this.getNewDataIntegrationListArr();
            },
            immediate: true,
            deep: true,
        },
        methods: {
            // 方法定义
            getNewDataIntegrationListArr: function () {
                let that = this;
                that.upDetectStatusArr = [];
                if (that.dataIntegrationListArr && that.dataIntegrationListArr[0]) {
                    if (that.tabIndexVal == "2-1") {
                        that.dataIntegrationListNow = JSON.parse(
                            JSON.stringify(that.dataIntegrationListArr[0])
                        );
                        that.fsjData = JSON.parse(
                            JSON.stringify(that.dataIntegrationListArr[0].upTransmitter)
                        );

                        console.log('1111 ', that.fsjData)
                        that.fsjData.map((ele, idx) => {

                            that.upDetectStatus.map((e, i) => {
                                if (e.transmitterNo == ele.transmitterNo) {
                                    //console.log('调幅度 == ', that.upDetectStatus[i].amplitudeDegree);
                                    that.upDetectStatusArr.push(that.upDetectStatus[i]);
                                }
                            });
                        });

                        // that.upTransmitterSecondDataDept.map((element, index) => {
                        //     if (
                        //         element.deptCode == that.dataIntegrationListNow.computerRoomCode
                        //     ) {
                        //         that.fsjSecondData = element.transmitters;
                        //         //console.log("甲机房", that.fsjSecondData);
                        //     }
                        // });
                        that.initChartList();
                        // console.log('that.fsjData1111==== ', that.fsjData)
                        // console.log('that.fsjSecondData == ', that.fsjSecondData)
                    }
                    if (that.tabIndexVal == "2-2") {
                        that.dataIntegrationListNow = JSON.parse(
                            JSON.stringify(that.dataIntegrationListArr[1])
                        );
                        that.fsjData = JSON.parse(
                            JSON.stringify(that.dataIntegrationListArr[1].upTransmitter)
                        );

                        // console.log('2222 ', that.fsjData)

                        that.fsjData.map((ele, idx) => {
                            that.upDetectStatus.map((e, i) => {
                                if (e.transmitterNo == ele.transmitterNo) {
                                    that.upDetectStatusArr.push(that.upDetectStatus[i]);
                                }
                            });
                        });
                        // console.log('that.fsjData2222==== ', that.fsjData)
                        // console.log('that.upDetectStatusArr == ', that.upDetectStatusArr)

                        // that.upTransmitterSecondDataDept.map((element, index) => {
                        //     if (
                        //         element.deptCode == that.dataIntegrationListNow.computerRoomCode
                        //     ) {
                        //         that.fsjSecondData = element.transmitters;
                        //     }
                        // });
                        that.initChartList();
                        // console.log('that.fsjSecondData == ', that.fsjSecondData)
                    }
                    if (that.tabIndexVal == "2-3") {
                        that.dataIntegrationListNow = JSON.parse(
                            JSON.stringify(that.dataIntegrationListArr[2])
                        );
                        that.fsjData = JSON.parse(
                            JSON.stringify(that.dataIntegrationListArr[2].upTransmitter)
                        );
                        // console.log('3333 ', that.fsjData)

                        that.fsjData.map((ele, idx) => {
                            that.upDetectStatus.map((e, i) => {
                                if (e.transmitterNo == ele.transmitterNo) {
                                    that.upDetectStatusArr.push(that.upDetectStatus[i]);
                                }
                            });
                        });

                        // console.log('that.fsjData333==== ', that.fsjData)
                        // console.log('that.upDetectStatusArr == ', that.upDetectStatusArr)

                        that.upTransmitterSecondDataDept.map((element, index) => {
                            if (
                                element.deptCode == that.dataIntegrationListNow.computerRoomCode
                            ) {
                                that.fsjSecondData = element.transmitters;
                            }
                        });
                        that.initChartList();
                        // console.log('that.fsjSecondData == ', that.fsjSecondData)
                    }
                    //
                    if (that.tabIndexVal == "2-4") {
                        that.dataIntegrationListNow = JSON.parse(
                            JSON.stringify(that.dataIntegrationListArr[3])
                        );
                        that.fsjData = JSON.parse(
                            JSON.stringify(that.dataIntegrationListArr[3].upTransmitter)
                        );
                        // console.log('3333 ', that.fsjData)

                        that.fsjData.map((ele, idx) => {
                            that.upDetectStatus.map((e, i) => {
                                if (e.transmitterNo == ele.transmitterNo) {
                                    that.upDetectStatusArr.push(that.upDetectStatus[i]);
                                }
                            });
                        });

                        // console.log('that.fsjData333==== ', that.fsjData)
                        // console.log('that.upDetectStatusArr == ', that.upDetectStatusArr)

                        that.upTransmitterSecondDataDept.map((element, index) => {
                            if (
                                element.deptCode == that.dataIntegrationListNow.computerRoomCode
                            ) {
                                that.fsjSecondData = element.transmitters;
                            }
                        });

                        that.initChartList();
                        // console.log('that.fsjSecondData == ', that.fsjSecondData)
                    }
                    if (that.tabIndexVal == "2-5") {
                        that.dataIntegrationListNow = JSON.parse(
                            JSON.stringify(that.dataIntegrationListArr[4])
                        );
                        that.fsjData = JSON.parse(
                            JSON.stringify(that.dataIntegrationListArr[4].upTransmitter)
                        );
                        // console.log('3333 ', that.fsjData)

                        that.fsjData.map((ele, idx) => {
                            that.upDetectStatus.map((e, i) => {
                                if (e.transmitterNo == ele.transmitterNo) {
                                    that.upDetectStatusArr.push(that.upDetectStatus[i]);
                                }
                            });
                            // console.log('hello', that.upDetectStatus);
                        });

                        that.upTransmitterSecondDataDept.map((element, index) => {
                            if (
                                element.deptCode == that.dataIntegrationListNow.computerRoomCode
                            ) {
                                that.fsjSecondData = element.transmitters;
                                // console.log("戊戌机房", that.fsjSecondData);
                            }
                        });
                        that.initChartList();
                        // console.log('that.fsjSecondData == ', that.fsjSecondData)
                    }
                    that.jfjcTopArr[0].value = that.dataIntegrationListNow.broadcastPower;
                    that.jfjcTopArr[1].value =
                        that.dataIntegrationListNow.alarmToComputerRoomToday;
                    that.jfjcTopArr[2].value =
                        that.dataIntegrationListNow.toDayBusiOrderToComputerRoom;
                    that.jfjcTopArr[3].value =
                        that.dataIntegrationListNow.broadDurToComputerRoom;
                    that.jfjcTopArr[4].value =
                        that.dataIntegrationListNow.stopRateToComputerRoom;
                    that.jfjcTopArr[5].value = parseFloat(
                        that.dataIntegrationListNow.betterPlanToComputerRoom
                    ).toFixed(3);
                }
            },
            //应播节目
            getTbaseScheduleDbArrNowAll: function () {
                let that = this;
                that.tbaseScheduleDbArrNowAll = [];
                if (that.tabIndexVal == "2-1") {
                    const nowtime = new Date().getHours();
                    that.baseScheduleDbArr.map((ele, idx) => {
                        if (ele.computerRoomName == "甲机房") {
                            ele.transBashedule.map((e, i) => {
                                if (e.transmitterName == "A01") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[0] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "A02") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[1] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "A03") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[2] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "A04") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[3] = item.programName;
                                        }
                                    });
                                }
                            });
                        }
                    });
                    //console.log(that.tbaseScheduleDbArrNowAll);
                    /*
                    if (Number(item.starTtime.slice(0, 2)) <= nowtime <= Number(item.endTime.slice(0, 2))) {
                              that.tbaseScheduleDbArrNowAll.push(item);
                            } else {
                              that.tbaseScheduleDbArrNowAll.push(null);
                            } */
                    // console.log('当前全台或机房发射机的24小时播出节目==== 乙机房 ==== ', that.tbaseScheduleDbArrNowAll)
                }
                if (that.tabIndexVal == "2-2") {
                    const nowtime = new Date().getHours();
                    that.baseScheduleDbArr.map((ele, idx) => {
                        if (ele.computerRoomName == "乙机房") {
                            ele.transBashedule.map((e, i) => {
                                if (e.transmitterName == "B01") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[0] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "B02") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[1] = item.programName;
                                        }
                                    });
                                }
                            });
                        }
                    });
                    //console.log(that.tbaseScheduleDbArrNowAll);
                    // console.log('当前全台或机房发射机的24小时播出节目==== 丙机房 ==== ', that.tbaseScheduleDbArrNowAll)
                }
                if (that.tabIndexVal == "2-3") {
                    const nowtime = new Date().getHours();
                    that.baseScheduleDbArr.map((ele, idx) => {
                        if (ele.computerRoomName == "丙机房") {
                            ele.transBashedule.map((e, i) => {
                                if (e.transmitterName == "C01") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            (Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                                nowtime < Number(item.endTime.slice(0, 2))) ||
                                            Number(item.endTime.slice(0, 2)) == 0 ||
                                            Number(item.endTime.slice(0, 2)) == 23
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[0] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "C02") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            (Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                                nowtime < Number(item.endTime.slice(0, 2))) ||
                                            Number(item.endTime) == 0 ||
                                            Number(item.endTime) == 23
                                        ) {
                                            // console.log('C02',item);
                                            that.tbaseScheduleDbArrNowAll[1] = item.programName;
                                        }
                                    });
                                }
                            });
                        }
                    });
                    // console.log('当前全台或机房发射机的24小时播出节目==== 丙机房 ==== ', that.tbaseScheduleDbArrNowAll)
                    // console.log('冰机房',that.tbaseScheduleDbArrNowAll);
                }
                // console.log('当前全台或机房发射机的24小时播出节目==== 丁机房 ==== ', that.tbaseScheduleDbArrNowAll)
                if (that.tabIndexVal == "2-4") {
                    const nowtime = new Date().getHours();
                    that.baseScheduleDbArr.map((ele, idx) => {
                        if (ele.computerRoomName == "丁机房") {
                            ele.transBashedule.map((e, i) => {
                                if (e.transmitterName == "D01") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[0] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "D02") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            // console.log('D02', item);
                                            that.tbaseScheduleDbArrNowAll[1] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "D03") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[2] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "D04") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[3] = item.programName;
                                        }
                                    });
                                }
                            });
                        }
                    });
                    // console.log('当前全台或机房发射机的24小时播出节目==== 丙机房 ==== ', that.tbaseScheduleDbArrNowAll)
                    // console.log('顶级房', that.tbaseScheduleDbArrNowAll);
                }
                if (that.tabIndexVal == "2-5") {
                    const nowtime = new Date().getHours();
                    that.baseScheduleDbArr.map((ele, idx) => {
                        if (ele.computerRoomName == "戊机房") {
                            ele.transBashedule.map((e, i) => {
                                if (e.transmitterName == "E01") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[0] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "E02") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            // console.log('D02', item);
                                            that.tbaseScheduleDbArrNowAll[1] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "E03") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[2] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "E04") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[3] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "E05") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[4] = item.programName;
                                        }
                                    });
                                } else if (e.transmitterName == "E06") {
                                    e.baseScheduleView.map((item) => {
                                        if (
                                            Number(item.starTtime.slice(0, 2)) <= nowtime &&
                                            nowtime < Number(item.endTime.slice(0, 2))
                                        ) {
                                            that.tbaseScheduleDbArrNowAll[5] = item.programName;
                                        }
                                    });
                                }
                            });
                        }
                    });
                    // console.log('当前全台或机房发射机的24小时播出节目==== 丙机房 ==== ', that.tbaseScheduleDbArrNowAll)
                    // console.log(that.tbaseScheduleDbArrNowAll);
                }
            },

            // 跳转到任务分析机房
            linkRenwuJifang: function (tabjf) {
                this.$emit(
                    "listenToChildEvent",
                    "5-" + (parseInt(tabjf.substring(2, 3)) + 1)
                );
            },
            linkFasheji: function (tabFsj) {
                // console.log('======', tabFsj);
                this.$emit("listenToChildEvent", tabFsj);
            },
            initChartList() {
                for (let i = 0; i < this.fsjData.length; i++) {
                    this.$set(this.fsjData[i], "barChartXzb", ""); // chart 对象实例
                    this.$set(this.fsjData[i], "barChartSw", ""); // chart 对象实例
                    this.$set(this.fsjData[i], "idXzb", "idXzb" + i); // 为了标示 id 不同
                    this.$set(this.fsjData[i], "idSw", "idSw" + i); // 为了标示 id 不同
                }
                console.log(this.fsjData,'------')
                this.$nextTick(() => {

                    console.log(this.fsjData.length,'ddd')
                    for (let i = 0; i < this.fsjData.length; i++) {

                        this.fsjData[i].barChartXzb = echarts.init(
                            document.getElementById(this.fsjData[i].idXzb)
                        );
                        this.fsjData[i].barChartSw = echarts.init(
                            document.getElementById(this.fsjData[i].idSw)
                        );
                        console.log(this.fsjData[i].idSw,'------')
                          console.log('进来没1','------')
                        // const n13 = this.fsjData[i].audioList[2]
                        //     ? this.fsjData[i].audioList[2].receiverPeakLeft
                        //     : 0;
                        // const n23 = this.fsjData[i].audioList[2]
                        //     ? this.fsjData[i].audioList[2].receiverSignalStrength
                        //     : 0;
                        let arr1 = [
                            // this.fsjData[i].audioList[0].receiverPeakLeft,
                            // this.fsjData[i].audioList[1].receiverPeakLeft,
                            // n13,
                            234,555,666,
                        ];
                        let arr2 = [
                            // this.fsjData[i].audioList[0].receiverSignalStrength,
                            // this.fsjData[i].audioList[1].receiverSignalStrength,
                            // n23,
                            123,234,345
                        ];

                        this.initChartsXzb(this.fsjData[i].barChartXzb, arr1, arr2);
                        console.log(this.upDetectStatusArr,'this.upDetectStatusArr')
                        let fsjSecondDataPsw = "";
                        let fsjSecondDataMsw = "";
                        if (this.upDetectStatusArr[i]) {
                            fsjSecondDataPsw = this.upDetectStatusArr[i].transmitterPower;
                            fsjSecondDataMsw = this.upDetectStatusArr[i].amplitudeDegree;
                        }

                        // console.log(this.fsjSecondData[i])
                        /* if (this.fsjData[i] && this.fsjData[i].transmitterNo == undefined) {
                          return;
                        }
                        if (
                          this.fsjSecondData[i] &&
                          this.fsjData[i].transmitterNo != undefined
                        ) {
                          if (
                            this.fsjSecondData[i].transmitterCode ==
                            this.fsjData[i].transmitterNo
                          ) {
                            /* fsjSecondDataPsw = this.fsjSecondData[i].simulation_2;
                            fsjSecondDataMsw = this.fsjSecondData[i].simulation_21;

                          }
                        } else {
                          fsjSecondDataPsw = "";
                          fsjSecondDataMsw = "";
                        } */
                        //console.log("opopopop0====", this.fsjData[i].barChartSw);
                         console.log('进来没1','------')
                        this.initChartsSw(
                            this.fsjData[i].barChartSw,
                            fsjSecondDataPsw,
                            fsjSecondDataMsw
                        );
                    }
                    // this.getListData();     // 请求网络获取数据
                });
            },
            // 初始化图表
            initChartsXzb(barChartXzb, arr1, arr2) {
              console.log('进来没')
                const that = this;
                that.chartOptionXzb = {
                    tooltip: {
                        trigger: "axis",
                    },
                    grid: {
                        left: "-8%",
                        right: "2%",
                        bottom: "1%", //1
                        top: "18%",
                        containLabel: true,
                    },
                    calculable: true,
                    xAxis: [
                        {
                            type: "category",
                            data: ["C", "KU", "KU(备)"],
                            axisLabel: {
                                interval: 0, //代表显示所有x轴标签显示
                            },
                            axisTick: {
                                alignWithLabel: true,
                            },
                        },
                    ],
                    yAxis: [
                        {
                            type: "value",
                            show: false,
                        },
                    ],
                    series: [
                        {
                            type: "bar",
                            data: arr1,
                            showBackground: true,
                            backgroundStyle: {
                                color: "#fff",
                            },
                            itemStyle: {
                                color: "#04ced6",
                            },
                            label: {
                                show: true,
                                position: "top",
                                textStyle: {
                                    color: "#000",
                                    fontSize: "10px",
                                },
                            },
                        },
                        {
                            type: "bar",
                            data: arr2,
                            showBackground: true,
                            itemStyle: {
                                color: "#279bff",
                            },
                            backgroundStyle: {
                                color: "#fff",
                            },
                            label: {
                                show: true,
                                position: "top",
                                textStyle: {
                                    color: "#000",
                                },
                            },
                        },
                    ],
                };
                barChartXzb.setOption(this.chartOptionXzb);
            },
            initChartsSw(barChartSw, pSw, mSw) {
                // console.log("我在这里呀---", pSw, mSw, barChartSw);
                let bgImg =
                    "";

                var fillImg =
                    "";
                if (pSw == "" || pSw < 0) {
                    pSw = 0;
                }
                if (pSw > 100) {
                    pSw = 100;
                }

                if (mSw == "" || mSw < 0) {
                    mSw = 0;
                }
                if (mSw > 100) {
                    mSw = 100;
                }

                var chartData = [
                    {
                        name: "P",
                        value: pSw,
                    },
                    {
                        name: "M",
                        value: mSw,
                    },
                ];

                var bgData = [];
                var itemData = [];

                // 取出每一条数据value,作为显示数据
                chartData.forEach(function (items, index) {
                    itemData.push(items.value);
                });

                // 取出所有数据最大值,作为背景象形柱图数据
                chartData.forEach(function (items, index) {
                    bgData.push({
                        name: items.name,
                        value: 100,
                    });
                });

                // 所有数据最大值
                // var maxValue = Math.max.apply(null, itemData);
                var maxValue = 100;

                // 字体 distance放大参数
                var scale = 1;

                //富文本配置
                var rich = {
                    white: {
                        color: "#fff",
                        align: "left",
                        fontSize: 16 * scale,
                        padding: [0, 0],
                    },
                };
                this.chartOptionSw = {
                    //backgroundColor: '#031f2d',
                    tooltip: {
                        formatter: "{b} : {c}",
                    },
                    grid: {
                        top: "30%",
                        left: "3%",
                        right: "6%",
                        bottom: "8%",
                        containLabel: true,
                    },
                    xAxis: [
                        {
                            type: "category",
                            data: (function (data) {
                                var arr = [];
                                data.forEach(function (items) {
                                    arr.push(items.name);
                                });
                                return arr;
                            })(chartData),
                            boundaryGap: ["20%", "20%"],
                            splitLine: {
                                show: false,
                            },
                            axisLine: {
                                show: false,
                            },
                            axisTick: {
                                show: false,
                            },
                            axisLabel: {
                                show: false,
                                textStyle: {
                                    fontSize: 14 * scale,
                                    color: "#3fdaff",
                                },
                            },
                        },
                    ],
                    yAxis: [
                        {
                            type: "value",
                            position: "left",
                            //name:'P',
                            splitLine: {
                                show: false,
                            },
                            axisLine: {
                                show: false,
                            },
                            axisTick: {
                                show: true,
                                inside: true,
                                length: 10 * scale,
                                lineStyle: {
                                    color: "#0b5263",
                                },
                            },
                            axisLabel: {
                                textStyle: {
                                    color: "#0b5263",
                                    fontSize: 10 * scale,
                                },
                            },
                        },
                        {
                            type: "value",
                            position: "right",
                            //name:'M',
                            splitLine: {
                                show: false,
                            },
                            axisLine: {
                                show: false,
                            },
                            axisTick: {
                                show: true,
                                inside: true,
                                length: 10 * scale,
                                lineStyle: {
                                    color: "#0b5263",
                                },
                            },
                            axisLabel: {
                                textStyle: {
                                    color: "#0b5263",
                                    fontSize: 10 * scale,
                                },
                                formatter: "{value}%",
                            },
                        },
                    ],
                    series: [
                        //背景
                        {
                            name: "bg",
                            type: "pictorialBar",
                            barWidth: "30%",
                            silent: true,
                            label: {
                                normal: {
                                    show: true,
                                    position: "top",
                                    distance: 10 * scale,
                                    formatter: function (params) {
                                        var stuNum = 0;
                                        chartData.forEach(function (value, index, array) {
                                            if (params.name == value.name) {
                                                stuNum = value.name;
                                            }
                                        });
                                        return stuNum;
                                    },
                                    textStyle: {
                                        color: "#333",
                                        fontSize: 14 * scale,
                                    },
                                    rich: rich,
                                },
                            },
                            symbol: "image://" + bgImg,
                            symbolClip: false,
                            symbolBoundingData: [100],
                            symbolSize: [16, "100%"],
                            data: bgData,
                        },
                        {
                            name: "P",
                            type: "pictorialBar",
                            barWidth: "30%",
                            barGap: "-100%",
                            data: chartData,
                            z: 3,
                            symbol: "image://" + fillImg,
                            symbolClip: true,
                            symbolBoundingData: maxValue,
                            symbolSize: [16, "100%"],
                        },
                        {
                            name: "M",
                            type: "pictorialBar",
                            barWidth: "30%",
                            barGap: "-100%",
                            data: chartData,
                            yAxisIndex: 1,
                            z: 3,
                            symbol: "image://" + fillImg,
                            symbolClip: true,
                            symbolBoundingData: maxValue,
                            symbolSize: [16, "100%"],
                        },
                    ],
                };
                barChartSw.setOption(this.chartOptionSw);
            },
        },
    };
</script>
<style scoped lang="scss">
  /*.clearfix {*/
  /*  &:after {*/
  /*    visibility: hidden;*/
  /*    display: block;*/
  /*    font-size: 0;*/
  /*    content: " ";*/
  /*    clear: both;*/
  /*    height: 0;*/
  /*  }*/
  /*}*/
  .color-blue {
    color: #1c79f6;
  }
  .container {
    // height: 100%;
    // 监测头部样式
    .content-page {
      .qtjc-top {
        background: #00afff;
        display: flex;
        align-items: center;
        height:200px;
        justify-content: space-between;
        color: #fff;
        /*margin-top: 20px;*/
        /*margin-bottom: 20px;*/
        .top-left {
          width: 90%;
          ul {
            display: flex;
            align-items: center;
            justify-content: space-around;
            li {
              margin-top: -40px;
              display: flex;
              align-items: center;
              img {
                width: 70px;
                height: 68px;
                margin-right: 10px;
              }
              div {
                p {
                  font-weight: 500;
                  span.value-num {
                    font-family: SF-Digital-Readout-Heavy;
                    font-size: 42px;
                    margin-right: 10px;
                  }
                }
              }
            }
          }
        }
        .top-right {
          margin-top: -40px;
          width: 10%;
          display: flex;
          align-items: center;
          cursor: pointer;
          div {
            .top-icon1 {
              width: 30px;
              height: 22px;
            }
            .top-icon2 {
              width: 20px;
              height: 15px;
            }
          }
          div.top-line {
            width: 12%;
            height: 53px;
            border-bottom: none !important;
            border-top: none !important;
            border-right: none !important;
            border: 1px solid #ddd;
          }
          div.top-right-right {
            text-align: right;
            font-weight: 500;
          }
        }
      }
      .jifangjc-content {
        // display: flex;
        // align-items: center;
        // justify-content: space-around;
        // width: 98%;
        // 			margin: 0 auto;
        margin-top: -60px;
        .flex-style {
          display: flex;
          align-items: center;
          justify-content: space-around;
          width: 98%;
          margin: 0 auto;
        }
        .jf-info-box {
          width: 161px;
          height: 150px;
          border: 1px solid rgb(221, 221, 221);
          background: #ffffff;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          border-bottom-left-radius: 5px;
          border-radius: 5px;
          border-bottom-right-radius: 5px;
          box-shadow: 1px 1px 1px rgba(204, 204, 204, 1);
          margin: 0 2px;
          .jf-info-title {
            height: 30px;
            line-height: 30px;
            margin: 10px 0;
            text-align: center;
          }
          ul {
            display: flex;
            align-items: center;
            height: 100px;
            justify-content: space-evenly;
            text-align: center;
            li {
              position: relative;
              p {
                height: 44px;
                line-height: 40px;
              }
              .lqjNum {
                display: block;
                position: absolute;
                left: 14px;
                top: 18px;
                font-size: 12px;
              }
              .lqjNum3 {
                left: 12px;
              }
            }
          }
        }
      }
      .fasheji-content {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        margin: 10px auto;
        .fsj-info-box {
          width: 608px;
          height: 260px;
          border: 1px solid rgb(221, 221, 221);
          background: #ffffff;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          border-bottom-left-radius: 5px;
          border-radius: 5px;
          border-bottom-right-radius: 5px;
          box-shadow: 1px 1px 1px rgba(204, 204, 204, 1);
          position: relative;
          font-size: 12px;
          margin-bottom: 20px;
          margin-left: 11px;
          cursor: pointer;
          .fsj-bg {
            .fsj-bg-img {
              width: 536px;
              height: 202px;
              position: absolute;
              left: 30px;
              bottom: 6px;
            }
            .fsj-name {
              font-size: 24px;
              position: absolute;
              left: 66px;
              top: 30px;
            }
            .fsj-status-img {
              width: 86px;
              height: 32px;
              position: absolute;
              left: 130px;
              top: 22px;
            }
            // 排风扇
            .paifeng-box {
              position: absolute;
              left: 422px;
              top: 7px;
              .paifeng-img {
                width: 54px;
                height: 48px;
              }
              .paifeng-img-right {
                margin-left: 22px;
              }
            }
            // 发射机温度
            .fsj-temperature {
              position: absolute;
              left: 50px;
              top: 76px;
              font-size: 12px;
              .fsj-temperature-status {
                color: #1c79f6;
              }
            }
            // 任务/实测
            .fsj-pl-box {
              position: absolute;
              left: 40px;
              top: 100px;
              background: #e0edff;
              border: 1px solid rgb(221, 221, 221);
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 196px;
              height: 146px;
              padding: 0 10px;
              li {
                p {
                  height: 26px;
                  line-height: 26px;
                  font-size: 12px;
                }
              }
            }
            // 开路收测
            .klsc-line {
              position: absolute;
              left: 240px;
              top: 64px;
              width: 1px;
              height: 182px;
              border-bottom: none !important;
              border-top: none !important;
              border-right: none !important;
              border: 1px solid #55e2f4;
            }
            .klsc-line-right {
              left: 400px;
            }
            .klsc-box {
              position: absolute;
              left: 240px;
              height: 176px;
              top: 74px;
              .klsc-text {
                width: 160px;
                text-align: center;
              }
              .shebei {
                display: flex;
                font-size: 10px;
                margin-top: 4px;
                align-items: center;
                margin-left: 10px;
                img {
                  height: 20px;
                  margin-left: 4px;
                }
              }
              .prod {
                font-size: 10px;
                margin-top: 8px;
                margin-left: 10px;
                .ying {
                  color: blue;
                }
                .shibo {
                  color: green;
                }
              }
              .xzb-echart-box {
                width: 160px;
                z-index: 999;
                position: absolute;
                left: -6px;
                bottom: 22px;
                // padding: 0 10px;
                .present-echart {
                  // margin-top: 16px;
                  width: 156px;
                  height: 82px;
                }
              }
              .last {
                height: 20px;
                line-height: 20px;
                position: absolute;
                width: 159px;
                bottom: 0px;
                text-align: center;
                background-color: #bccae1;
              }
            }

            .right-content-box {
              position: absolute;
              top: 64px;
              right: 52px;
              width: 154px;
              text-align: center;
              .water-temperature {
                .water-temperature-img {
                  width: 154px;
                  display: flex;
                  justify-content: space-around;
                  align-items: center;
                  padding: 0 18px;
                }
              }
            }
            .sw-echart-box {
              width: 154px;
              height: 130px;
              .present-echart {
                height: 130px;
              }
            }
          }
        }

        //二个机组
        .fsj-info-box2 {
          width:49%;
          height: 482px;
          border: 1px solid rgb(221, 221, 221);
          background: #ffffff;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          border-bottom-left-radius: 5px;
          border-radius: 5px;
          border-bottom-right-radius: 5px;
          box-shadow: 1px 1px 1px rgba(204, 204, 204, 1);
          position: relative;
          font-size: 14px;
          margin-bottom: 16px;
          margin-left: 11px;
          margin-top: 30px;
          float: left; //新加的样式
          cursor: pointer;

          .fsj-bg {
            .fsj-bg-img {
              width: 96%;
              height: 382px;
              position: absolute;
              left: 30px;
              bottom: 6px;
            }
            .fsj-name {
              font-size: 48px;
              font-weight: bold;
              position: absolute;
              left: 87px;
              top: 58px;
            }
            .fsj-status-img {
              width: 140px;
              height: 55px;
              position: absolute;
              left: 191px;
              top: 50px;
            }
            // 排风扇
            .paifeng-box {
              position: absolute;
              right: 26px;
              top: 15px;
              .paifeng-img {
                width: 89px;
                height: 93px;
              }
              .paifeng-img:nth-child(2) {
                margin-left: 38px;
              }
              .paifeng-img-right {
                margin-left: 22px;
              }
            }
            // 光纤测温温度
            .fsj-temperature-gq {
              position: absolute;
              left: 47px;
              top: 128px;
              font-size: 22px;
              font-weight: 400;
              color: #333333;
              .fsj-temperature-status {
                color: #1c79f6;
              }
            }
            // 发射机温度
            .fsj-temperature {
              position: absolute;
              left: 69px;
              top: 162px;
              font-size: 22px;
              font-weight: 400;
              color: #333333;
              .fsj-temperature-status {
                color: #1c79f6;
              }
            }
            // 任务/实测
            .fsj-pl-box {
              position: absolute;
              left: 38px;
              top: 195px;
              background: #e0edff;
              border: 1px solid rgb(221, 221, 221);
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 296px;
              height: 272px;
              padding: 0 10px;
              li {
                p {
                  height: 51px;
                  line-height: 51px;
                  font-size: 22px;
                  font-weight: 400;
                  //color: #333333;
                  width: 75px;
                }
                .fsj-box2-rw,
                .fsj-box2-sc {
                  font-size: 26px;
                }
                .box2-rw-font,
                .box2-sc-font {
                  font-size: 20px;
                  font-weight: 400;
                }
                .box2-rw-font {
                  color: #676767;
                }
                .fsj-box2-sc,
                .box2-sc-font {
                  color: #1c79f6;
                }
              }
            }
            // 开路收测
            .klsc-line {
              position: absolute;
              left: 370px;
              top: 128px;
              width: 1px;
              height: 342px;
              border-bottom: none !important;
              border-top: none !important;
              border-right: none !important;
              border: 1px solid #55e2f4;
            }
            .klsc-line-right {
              left: 628px;
            }
            .water-temperature {
              width: 220px;
              margin-left: 15px;
              .img-style {
                display: block;
                width: 49px;
                height: 49px;
              }
              p {
                margin-top: 10px;
                font-size: 20px;
                font-weight: 400;
                color: #676767;
              }
            }
            .klsc-box {
              position: absolute;
              left: 370px;
              top: 138px;
              .klsc-text {
                width: 258px;
                font-size: 18px;
                text-align: center;
              }
              .shebei {
                font-size: 16px;
                display: flex;
                margin-top: 10px;
                align-items: center;
                margin-left: 10px;
                img {
                  height: 27px;
                  margin-left: 4px;
                }
              }
              .prod {
                font-size: 16px;
                margin-top: 8px;
                margin-left: 10px;
                .ying {
                  color: blue;
                }
                .shibo {
                  color: green;
                }
              }
              .xzb-echart-box {
                width: 258px;
                z-index: 999;
                margin-bottom: 6px;
                // padding: 0 10px;
                .present-echart {
                  width: 256px;
                  height: 220px;
                }
              }
              .last {
                height: 30px;
                line-height: 30px;
                text-align: center;
                background-color: #bccae1;
              }
            }

            .right-content-box {
              position: absolute;
              top: 123px;
              right: 35px;
              width: 250px;
              text-align: center;
              .water-temperature {
                .water-temperature-img {
                  width: 220px;
                  display: flex;
                  justify-content: space-around;
                  align-items: center;
                  padding: 0 18px;
                }
              }
            }
            .sw-echart-box {
              width: 240px;
              height: 261px;
              .present-echart {
                height: 250px;
              }
            }
          }
        }
        //四个机组
        .fsj-info-box4 {
          width: 917px;
          height: 268px;
          border: 1px solid rgb(221, 221, 221);
          background: #ffffff;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          border-bottom-left-radius: 5px;
          border-radius: 5px;
          border-bottom-right-radius: 5px;
          box-shadow: 1px 1px 1px rgba(204, 204, 204, 1);
          position: relative;
          font-size: 14px;
          margin-left: 14px;
          margin-top: 10px;
          float: left; //新加的样式
          cursor: pointer;
          //4个机组
          .fsj-bg {
            .fsj-bg-img {
              width: 851px;
              height: 223px;
              position: absolute;
              left: 24px;
              bottom: 6px;
            }
            .fsj-name {
              font-size: 32px;
              font-weight: 500;
              color: #666666;
              font-weight: bold;
              position: absolute;
              left: 84px;
              top: 26px;
            }
            .fsj-status-img {
              width: 97px;
              height: 41px;
              position: absolute;
              left: 180px;
              top: 16px;
            }
            // 排风扇
            .paifeng-box {
              position: absolute;
              right: 82px;
              top: 15px;
              .paifeng-img {
                width: 61px;
                height: 64px;
              }
              .paifeng-img:nth-child(2) {
                margin-left: 26px;
              }
              .paifeng-img-right {
                margin-left: 22px;
              }
            }
            // 光纤测温温度
            .fsj-temperature-gq {
              position: absolute;
              left: 60px;
              top: 68px;
              font-size: 14px;
              .fsj-temperature-status {
                color: #1c79f6;
              }
            }
            // 发射机温度
            .fsj-temperature {
              position: absolute;
              left: 84px;
              top: 84px;
              font-size: 16px;
              font-weight: 400;
              color: #333333;
              .fsj-temperature-status {
                color: #1c79f6;
              }
            }
            // 任务/实测
            .fsj-pl-box {
              position: absolute;
              left: 55px;
              top: 110px;
              background: #e0edff;
              border: 1px solid rgb(221, 221, 221);
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 260px;
              height: 150px;
              padding: 0 10px;
              li {
                p {
                  height: 30px;
                  line-height: 30px;
                  font-size: 16px;
                }
                .fsj-box2-rw,
                .fsj-box2-sc {
                  font-size: 18px;
                }
                .box2-rw-font,
                .box2-sc-font {
                  font-size: 14px;
                  font-weight: 400;
                }
                .box2-rw-font {
                  color: #676767;
                }
                .fsj-box2-sc,
                .box2-sc-font {
                  color: #1c79f6;
                }
              }
            }
            // 开路收测
            .klsc-line {
              position: absolute;
              left: 344px;
              top: 76px;
              width: 1px;
              height: 182px;
              border-bottom: none !important;
              border-top: none !important;
              border-right: none !important;
              border: 1px solid #55e2f4;
            }
            .klsc-line-right {
              left: 612px;
            }
            .water-temperature {
              width: 150px;
              margin-left: 42px;
              text-align: center;
              margin-top: 20px;
              .img-style {
                display: block;
                width: 33px;
                height: 33px;
              }
              .img-style-w {
                width: 27px;
                height: 33px;
              }
              p {
                margin-top: 10px;
                font-size: 14px;
                font-weight: 400;
                color: #676767;
                margin-left: 20px;
              }
            }
            .klsc-box {
              position: absolute;
              left: 345px;
              height: 195px;
              top: 68px;
              .klsc-text {
                width: 268px;
                text-align: center;
                font-size: 17px;
                font-weight: 400;
                color: #343434;
              }
              .last {
                height: 20px;
                line-height: 20px;
                position: absolute;
                bottom: 6px;
                width: 266px;
                text-align: center;
                background-color: #bccae1;
              }
              .shebei {
                display: flex;
                margin-top: 4px;
                font-size: 14px;
                align-items: center;
                margin-left: 12px;
                img {
                  height: 24px;
                  margin-left: 4px;
                }
              }
              .prod {
                margin-top: 7px;
                margin-left: 12px;
                font-size: 14px;
                .ying {
                  color: blue;
                }
                .shibo {
                  color: green;
                }
              }
              .xzb-echart-box {
                width: 268px;
                // height: 60px;
                z-index: 999;
                position: absolute;
                left: -6px;
                bottom: 29px;
                // padding: 0 10px;
                .present-echart {
                  //margin-top: 16px;
                  width: 264px;
                  height: 92px;
                }
              }
            }

            .right-content-box {
              position: absolute;
              top: 44px;
              right: 38px;
              width: 263px;
              text-align: center;
              .water-temperature {
                .water-temperature-img {
                  width: 170px;
                  display: flex;
                  justify-content: space-around;
                  align-items: center;
                  padding: 0 18px;
                }
              }
            }
            .sw-echart-box {
              width: 250px;
              height: 130px;
              .present-echart {
                height: 140px;
              }
            }
          }
        }
        //六个机组
        /* .fsj-info-box {
          width: 608px;
          height: 260px;
          border: 1px solid rgb(221, 221, 221);
          background: #ffffff;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          border-bottom-left-radius: 5px;
          border-radius: 5px;
          border-bottom-right-radius: 5px;
          box-shadow: 1px 1px 1px rgba(204, 204, 204, 1);
          position: relative;
          font-size: 12px;
          margin-bottom: 20px;
          margin-left: 11px;
          float: left; //新加的样式
          cursor: pointer;
          //6个机组
          .fsj-bg {
            .fsj-bg-img {
              width: 536px;
              height: 202px;
              position: absolute;
              left: 30px;
              bottom: 6px;
            }
            .fsj-name {
              font-size: 24px;
              font-weight: bold;
              position: absolute;
              left: 66px;
              top: 26px;
            }
            .fsj-status-img {
              width: 86px;
              height: 32px;
              position: absolute;
              left: 130px;
              top: 22px;
            }
            // 排风扇
            .paifeng-box {
              position: absolute;
              left: 422px;
              top: 7px;
              .paifeng-img {
                width: 54px;
                height: 48px;
              }
              .paifeng-img-right {
                margin-left: 22px;
              }
            }
            // 光纤测温温度
            .fsj-temperature-gq {
              position: absolute;
              left: 50px;
              top: 56px;
              font-size: 14px;
              .fsj-temperature-status {
                color: #1c79f6;
              }
            }
            // 发射机温度
            .fsj-temperature {
              position: absolute;
              left: 50px;
              top: 80px;
              font-size: 12px;
              .fsj-temperature-status {
                color: #1c79f6;
              }
            }
            // 任务/实测
            .fsj-pl-box {
              position: absolute;
              left: 40px;
              top: 100px;
              background: #e0edff;
              border: 1px solid rgb(221, 221, 221);
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 196px;
              height: 146px;
              padding: 0 10px;
              li {
                p {
                  height: 26px;
                  line-height: 26px;
                  font-size: 12px;
                }
              }
            }
            // 开路收测
            .klsc-line {
              position: absolute;
              left: 240px;
              top: 64px;
              width: 1px;
              height: 182px;
              border-bottom: none !important;
              border-top: none !important;
              border-right: none !important;
              border: 1px solid #55e2f4;
            }
            .klsc-line-right {
              left: 400px;
            }
            .klsc-box {
              position: absolute;
              left: 240px;
              top: 74px;
              .klsc-text {
                width: 160px;
                text-align: center;
              }
              .cq-text {
                position: absolute;
                left: 6px;
                top: 22px;
              }
              .xzb-text {
                position: absolute;
                left: 6px;
                top: 122px;
              }
              .klsc-img-box {
                position: absolute;
                left: 20px;
                top: 14px;
                width: 125px;
                height: 113px;
                text-align: center;
                margin: 0 auto;
                .klsc-img {
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%, -50%);
                }
                .klsc-img-xy {
                  width: 100px;
                  height: 84px;
                }
                .klsc-img-quan {
                  width: 98px;
                  height: 84px;
                  left: 60px;
                  top: 60px;
                }
              }
            }
            .xzb-echart-box {
              position: absolute;
              left: 0;
              top: 146px;
              width: 160px;
              // padding: 0 10px;
              .present-echart {
                height: 18px;
              }
            }
            .right-content-box {
              position: absolute;
              top: 64px;
              right: 52px;
              width: 154px;
              text-align: center;
              .water-temperature {
                .water-temperature-img {
                  width: 154px;
                  display: flex;
                  justify-content: space-around;
                  align-items: center;
                  padding: 0 18px;
                }
              }
            }
            .sw-echart-box {
              width: 154px;
              height: 130px;
              .present-echart {
                height: 130px;
              }
            }
            .water-temperature .img-style {
              display: block;
              width: 31px;
              height: 31px;
            }
          }
        } */
      }
    }
  }
</style>

